@import '../../style/theme.less';
@import '../../style/mixins.less';

.demo-badge {
	background-color: white;
	height: 100vh;

	.child {
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #f2f3f5;
		border-radius: 4px;
		text-align: center;
	}

	.customStyle {
		width: 20px;
		line-height: 22px;
		height: 20px;
		border-radius: 50%;
		background-color: red;
	}

	.hot {
		color: white;
		width: 30px;
		height: 15px;
		line-height: 15px;
		background-color: red;
		border-radius: 20px;
	}

	.independent {
		display: flex;
		.display {
			margin: 0px 15px;
		}
	}
}
